$mc: #3e83e5;
$red: #F24334;
$green: #47C5A1;
$orange: #FF6600;
$yellow: #FFB21C;
$blue: #3e83e5;
$c1: #000;
$c3: #222;
$c6: #555;
$c8: #777;
$ca: #aaa;
$bc: #e4e4e4;
$fc: #fff;

@mixin bis($url) {
  background-image: url($url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@mixin borderRadius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  -o-border-radius: $radius;
  border-radius: $radius;
}
@mixin boxShadow($x,$y,$c,$color,$num) {
  -webkit-box-shadow: $x $y $c rgba($color, $num);
  -moz-box-shadow: $x $y $c rgba($color, $num);
  box-shadow: $x $y $c rgba($color, $num);
}
@mixin transitionTime($time) {
  -webkit-transition: $time;
  -o-transition: $time;
  transition: $time;
}
@mixin allcover{
  position:absolute;
  top:0;
  right:0;
}
@mixin center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@mixin ct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@mixin cl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@mixin wh($width, $height){
  width: $width;
  height: $height;
}
@mixin font($size, $line-height, $family: 'Microsoft YaHei') {
  font: #{$size}/#{$line-height} $family;
}
@mixin sc($size, $color){
  font-size: $size;
  color: $color;
}
@mixin fj($type: space-between){
  display: flex;
  justify-content: $type;

}
@mixin tm($time){
  -webkit-transition: $time;
  transition: $time;
}
@mixin flex() {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@mixin flexNum($num:1) {
  -webkit-box-flex: $num;
  -moz-box-flex: $num;
  -o-box-flex: $num;
  -ms-box-flex: $num;
}
